@import '../style/index.scss';

$filter-item-prefix-cls: #{$anna-prefix}-filter-item;

.#{$filter-item-prefix-cls} {
  flex: 1;
  &-label{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100rpx;
    font-size: 24rpx;
    color: #333;
    background-color: #FDFFFD;
    &-disabled{
      opacity: 0.4;
    }
    &-text{
      margin-right: 10rpx;
    }
    &-chevronUp{
      width: 0;
      height: 0;
      border-left: 8rpx solid transparent;
      border-right: 8rpx solid transparent;
      border-bottom: 10rpx solid #CCCCCC;
    }
    &-chevronDown{
      width: 0;
      height: 0;
      border-left: 8rpx solid transparent;
      border-right: 8rpx solid transparent;
      border-top: 10rpx solid #CCCCCC;
    }
  }
  &-value{
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: $view-bg-color;
  }
}